@charset "utf-8";
@import url("../css/common/grid.css");/*网格*/
@import url("../css/common/layout.css");/*整体框架*/
@import url("../css/common/icon.css");/*图标*/
@import url("../css/navi/navi_02.css");/*02导航*/
@import url("../css/banner.css");/*幻灯片*/
@import url("../css/navi/classify_01.css");/*侧栏样式*/
@import url("../css/adorner/01/A_style.css");/*01装饰器*/
@import url("../css/adorner/02/A_style.css");/*02装饰器*/
@import url("../css/links.css");/*友情链接*/
@import url("../css/kefu.css");/*在线客服*/
@import url("../css/common/doc.css");/*自定义文档*/
@import url("../css/products/select.css");/*自定义文档*/

html {
	overflow-x: hidden;
}

.slideBox .hd{ display:none;}
	

.in_title{ margin:0 auto 30px auto; text-align:center;}
.in_title h3{ font-size:22px; line-height:22px; margin-bottom:14px; font-weight:normal; }
.in_title p{ font-size:36px; color:#c32014; font-family:arial; margin-top:6px; font-weight:700; line-height:36px;}
 


.part01{ width:1200px;  height:auto; margin:120px auto 0px auto; z-index:3; position:relative;}
.part01 .left{ width:800px; text-align:left; background:#f4f4f4; padding-bottom:50px;}
.part01 .left .title{ font-size:126px; font-family:arial; opacity:0.07; color:#c32014; line-height: 93px;}
.part01 .left .content{ margin-left:70px; margin-top:-40px;}
.part01 .left h3{ font-size:36px; color:#c32014; font-weight:normal; line-height:36px;}
.part01 .left span{ display:block; color:#666; line-height:25px; margin-top:30px; margin-bottom:30px;}
.part01 .more{ color:#c32014;}

.part01 .right{ position:absolute; width:560px; height:430px; bottom:-70px; right:0;}
.part01 .right img{ display:block; width:560px; height:430px; }





.part02{ width:1200px; height:auto; text-align:center; margin:-90px auto 0 auto;}
.part02 ul{ width:1200px; height:auto;}
.part02 ul li{ float:left; width:292px; margin:0 4px; padding-top:50px; padding-bottom:50px;}
.part02 ul li:nth-child(1){ background:#faa91f;}
.part02 ul li:nth-child(2){ background:#40ae36;}
.part02 ul li:nth-child(3){ background:#67bcdb;}
.part02 ul li:nth-child(4){ background:#f54b34;}
.part02 ul li .counter{ font-size:60px; color:#fff;  font-weight:500; vertical-align: top;}
.part02 ul li span{ color:#fff;}
.part02 ul li p{ color:#fff; font-size:16px;}



/*-------part02 END----------*/



.part03{ width:100%; min-width:1200px; margin:160px auto 0px auto;}
.part03 .content{ width:100%;}
.part03 .content li{ float:left; width:33.333%; position:relative; background:#c32014;}
.part03 .content li .img{ display:block; width:100%; padding-bottom:50%; position:relative; overflow:hidden;}
.part03 .content li .img img{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;
	-moz-transition: all 0.4s linear -1ms;
	-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;
	transition: all 0.4s linear -1ms;

	transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);}
.part03 .content li .title{ display:block; padding:0 3%; width:94%; position:absolute; bottom:10px; left:0;}
.part03 .content li .title h3{color:#fff; font-size:24px; font-weight:normal; float:left;}
.part03 .content li .title span{ display:block;color:#fff; text-align:right;font-size:30px; float:right;}
.part03 .content li:hover .img{ opacity:0.65;}
.part03 .content li:hover .img img{
	-moz-transition: all 0.4s linear -1ms;
	-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;
	transition: all 0.4s linear -1ms;

	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);}
.part03 .content .p4,.part03 .content .p5,.part03 .content .p6,.part03 .content .p7{ width:25%;}
.part03 .content .p4 .img,.part03 .content .p5 .img,.part03 .content .p6 .img,.part03 .content .p7 .img{ padding-bottom:66.666%;}


/*-------part03 END----------*/

.part04{ width:1236px; margin:160px auto 0 auto;}
.part04 .newsBox{ position:relative;}
.part04 .newsBox ul li{ width:376px; margin-left:18px; margin-right:18px;}
.part04 .newsBox ul li .img{ display:block; width:376px; height:250px; position:relative; overflow:hidden;}
.part04 .newsBox ul li .img img{ width:376px; height:250px;
	-moz-transition: all 0.4s linear -1ms;
	-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;
	transition: all 0.4s linear -1ms;

	transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);}
.part04 .newsBox ul li .img .date{ position:absolute; bottom:0px; left:0px; height:50px; width:376px;  background-image: linear-gradient(0deg, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0) 100%); text-align:left; text-indent:10px; font-size:22px; line-height:50px; color:#fff;}
.part04 .newsBox ul li .tit{ display:block; font-size:16px; text-align:left; line-height:24px; margin:10px 10px 8px 10px;}
.part04 .newsBox ul li span{ display:block; color:#666; text-align:left;line-height:24px; margin:0 10px;}
.part04 .newsBox .pageBtn span:hover{opacity:1;}
.part04 .newsBox .pageBtn .prev01{ position:absolute; top:35%; left:-30px; display:block; height:45px; width:20px; background:url(../img/icon_L.png) no-repeat;opacity:0.5;}
.part04 .newsBox .pageBtn .next01{ position:absolute; top:35%; right:-30px; display:block; height:45px; width:20px; background:url(../img/icon_R.png) no-repeat;opacity:0.5;}
.part04 .newsBox ul li:hover .tit{ color:#c32014;}
.part04 .newsBox ul li:hover .img img{
	-moz-transition: all 0.4s linear -1ms;
	-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;
	transition: all 0.4s linear -1ms;

	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);}
	
/*-------part04 END----------*/


.part05{ width:1920px; height:auto; margin: 160px auto 0px -960px;    left: 50%; position: relative;}
.part05 .bg{ width:1920px; height:450px; background:url(../img/part05_bg.jpg) no-repeat center center fixed;}
.part05 .content{ width:1200px; margin:0 auto;}
.part05 .content .in_title{ margin-top:-350px; margin-bottom:60px;}
.part05 .content .in_title h3{ color:#fff;}
.part05 .content .in_title p{ color:#fff;}
.part05 .content ul{ width:1200px; background:#fff; padding:80px 0; box-shadow:0px 10px 50px rgba(0,0,0,0.1);}
.part05 .content ul li{ float:left; width:400px; text-align:center;}
.part05 .content ul li .img{ display:block; width:80px; height:80px; margin:0 auto;}
.part05 .content ul li .img img{ width:80px; height:80px;}
.part05 .content ul li .tit{ font-size:18px; margin:26px 0; display:block;}
.part05 .content ul li span{ display:block; text-align:center; font-size:14px; line-height:24px; color:#666;}

/*-------part05 END----------*/

.part06{ width:1200px;  height:auto; margin:150px auto; z-index:3;}

.part06 .list{ width:1210px;}
.part06 .list li{ float:left; width:232px; height:100px; margin:0 5px;}
.part06 .list li a{ display:block; width:232px; height:100px;}
.part06 .list li a img{width:232px; height:100px;}






.footer{ width:100%; background:#f4f4f4; margin:0px auto 0 auto; padding-top:70px;}
.footer_content{ width:1200px; margin:0 auto;}
.footer_content .left{ height:auto; float:left; width:auto; margin-bottom:50px;}
.footer_content .left .list{ float:left; width:100%;}
.footer_content .left .list ul{ width:180px; text-align:left; float:left;}
.footer_content .left .list ul a{ display:block; color:#333; font-size:14px; margin-bottom:30px;}

.footer_content .left .list ul li{ margin-bottom:8px;}
.footer_content .left .list ul li a{ color:#666; font-size:14px; margin-bottom:16px;}
.footer_content .left .list ul a:hover{ color:#c32014;}

.footer_content .right{ float:right; text-align:left; margin-bottom:50px;  width:auto;}
.footer_content .right .qr{ float:left; margin-right:30px;}
.footer_content .right .qr img{ display:block; width:110px; height:110px;}
.footer_content .right .qr p{ text-align:center; color:#666; line-height:22px;}
.footer_content .right .number{ float:left;}
.footer_content .right .number p{ font-size:14px; color:#666;}
.footer_content .right .number h3{ font-size:34px; font-family:impact; color:#c32014;}
.footer_content .copy{ width:1200px; margin:0 auto;}
.footer_content .copy p{ display:inline-block; color:#999; line-height:70px; margin-right:20px;}
.footer_content .copy p a{ color:#999;}
.footer_content .copy p a:hover{ color:#c32014;}

/*----------------------------------------------------------------*/

.page_banner{ height:auto;
	overflow: hidden;
	position: relative;
	width:1920px;
	margin-left:-960px;
	left:50%;}

	
.inner_top{ width:1920px; height:auto; margin-bottom:30px;}
.inner_top .content{ width:1200px; background:#fff; margin:0 auto; box-shadow:0px 0px 50px rgba(0,0,0,0.1); margin-top:-50px;}
.inner_top .content ul{ width:1200px; text-align:center;}
.inner_top .content ul li{ display:inline-block; padding:35px 0; }
.inner_top .content ul li a{ display:block; height:30px; padding:0 20px;  line-height:30px; color:#666; font-size:16px;border-left:1px solid #ddd;}
.inner_top .content ul li:nth-child(1) a{ border:none;}
.inner_top .content ul li a:hover{ color:#c32014;}
.inner_top .content ul .cur a{ color:#c32014;}

.inner_main{ width:1200px; margin-bottom:100px;}

.grid{ width:1920px;}
.about_main{ width:1920px;}
.about_manager .title{ text-align:center; margin-bottom:26px;}

.about_manager{ width:1920px; height:auto; padding:80px 0 90px 0; background:url(../img/about_02_bg.jpg) no-repeat; background-size:cover;}
.about_manager .title h3{ font-size:30px; font-weight:normal; margin:16px; color:#fff;}
.about_manager .title p{ font-size:14px; color:#fff;}
.about_manager .aboutBox{ width:1224px; margin:0 auto; position:relative;}
.about_manager .aboutBox ul li{ width:282px; margin-left:12px; margin-right:12px; text-align:center;}
.about_manager .aboutBox ul li img{ display:block; width:282px; height:398px;}
.about_manager .aboutBox ul li p{ font-size:16px; color:#fff; margin-top:10px;}
.about_manager .aboutBox .pageBtn span{ opacity:0.6;}
.about_manager .aboutBox .pageBtn span:hover{opacity:1;}
.about_manager .aboutBox .pageBtn .prev01{ position:absolute; top:38%; left:-40px; display:block; font-size:44px; color:#fff;}
.about_manager .aboutBox .pageBtn .next01{ position:absolute; top:38%; right:-40px; display:block;  font-size:44px; color:#fff;}

.about_partners{ width:1210px; margin:110px auto;}
.about_partners .title{ text-align:center;}
.about_partners .title h3{ font-size:30px; font-weight:normal; margin:16px; color:#c32014;}
.about_partners .title p{ font-size:14px; color:#999;}
.about_partners ul{ width:1210px;}
.about_partners ul li{ float:left; width:232px; height:100px; margin:0 5px;}
.about_partners ul li a{ display:block; width:232px; height:100px;}
.about_partners ul li a img{width:232px; height:100px;}


.honor_list{ width:1200px;margin:0 auto 100px auto;}
.honor_list li{ width:360px; height:auto; margin-left:20px; margin-right:20px; float:left; margin-bottom:40px;}
.honor_list li .img{ display:block; width:360px; height:240px; overflow:hidden; background:#eee;
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
.honor_list li .img img{ display:block; max-width:100%; height:100%; margin:0 auto;}
.honor_list li .txt{ display:block; text-align:center; line-height:34px;}
.honor_list li:hover .img{ box-shadow:0px 8px 25px rgba(0,0,0,0.15); background:#fff;
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
.honor_list li:hover .txt{ color:#c32014;}


/*----------------faq----------------*/
.faq_main{ width:1200px;margin:0 auto 100px auto;}
.assist{ color:#666;}
.assist a{ color:#666;}
.assist a:hover{ color:#c32014;}
.sideMen h3{ background:#eee; line-height:30px; font-size:14px; font-weight:normal; padding:5px 20px;}
.sideMen h3 span{ font-weight:bold; color:#0b3c7e;}
.sideMen h3 a i{ margin-top:8px;}
.sideMen_cont{ border:1px solid #eee; box-sizing:border-box; padding:10px 20px; color:#666;}
.sideMen_cont span{ font-weight:bold; color:#b82615;}
/*----------------faq----------------*/


.pro_list{ width:1200px; margin:0 auto 100px auto;}
.pro_list ul li{ width:380px; height:450px; float:left; margin-left:15px; margin-right:15px; margin-bottom:30px;box-shadow:0px 5px 10px rgba(0,0,0,0.05);
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
.pro_list ul li .img{ display:block; width:380px; height:380px; overflow:hidden;}
.pro_list ul li .img a{ display:block;}
.pro_list ul li .img img{ width:380px; height:380px;}
.pro_list ul li .link{ display:block; width:380px; height:70px; text-align:left; color:#c32014; line-height:70px; font-size:16px; text-indent:20px; position:relative;}
.pro_list ul li .link span{ display:block; position:absolute; font-size:30px; text-indent:0; line-height:28px; width:28px; height:28px; top:20px; right:20px; color:#ddd; font-weight:bold;}
.pro_list li:hover .link{ background:#c32014; color:#fff;}	
.pro_list li:hover{ box-shadow:0px 12px 30px rgba(195,32,20,0.2);
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
.pro_list ul li:nth-child(1){ margin-left:0;}	
.pro_list ul li:nth-child(3n){ margin-right:0;}
.pro_list ul li:nth-child(3n+1){ margin-left:0;}	


.pro_detail{ width:1200px; margin:0 auto 100px auto;}
.products_detail_left .detailBox{ width:690px; height:460px; position:relative;}
.products_detail_left .detailBox ul li{ width:690px; height:460px;}
.products_detail_left .detailBox ul li img{ width:690px; height:460px;}
.products_detail_left .detailBox .pageBtn span{ background:#ccc; color:#222;}
.products_detail_left .detailBox .pageBtn .prev01{ position:absolute; bottom:0px; right:40px; display:block; font-size:44px;}
.products_detail_left .detailBox .pageBtn .next01{ position:absolute; bottom:0px; right:0px; display:block;  font-size:44px;}
.products_detail_left .detailBox .pageBtn span:hover{ background:#c32014; color:#fff;}

.products_detail_right{ background:#f6f6f6; position:relative;}
.products_detail_right h1{ font-size:24px; margin-top:60px; font-weight:600;}
.products_detail_right .line{ display:block; width:40px; height:3px; background:#c32014; margin:24px 0;}
.products_detail_right .info p{ font-size:14px; color:#333; margin-bottom:10px;}
.products_detail_right .info span{ display:block; font-size:16px; line-height:30px; color:#666;}
.products_detail_right .Paging{ position:absolute; left:70px; bottom:40px;}
.products_detail_right .Paging a{ color:#666;}
.products_detail_right .Paging a:hover{ color:#c32014;}


.pro_detail .detail{ width:1200px; margin:0 auto 70px auto;}
.pro_detail .detail .title{width: 100%;line-height: 40px;height: 40px;border-bottom: 2px solid #ddd;margin-bottom: 30px;}
.pro_detail .detail .title span{  font-size: 24px;font-weight: normal;display: inline-block;color: #c32014;border-bottom: 2px solid #c32014; padding-left:10px; padding-right:10px;}
.pro_detail .detail .inner_main{ margin-top:30px; margin-bottom:0px;}



.news_list{ width:1200px; margin:0 auto 100px auto;}



.news_list ul li{ width:376px; height:370px; background:#f6f6f6; margin:0 18px 36px 18px; float:left;
	webkit-transition: all 0.4s linear -1ms;
	-moz-transition: all 0.4s linear -1ms;
	-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;
	transition: all 0.4s linear -1ms;}

.news_list ul li .img{ display:block; width:376px; height:250px; position:relative; overflow:hidden;}
.news_list ul li .img img{ width:376px; height:250px;
	-moz-transition: all 0.4s linear -1ms;
	-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;
	transition: all 0.4s linear -1ms;

	transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);}
.news_list ul li .img .date{ position:absolute; bottom:0px; left:0px; height:50px; width:376px;  background-image: linear-gradient(0deg, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0) 100%); text-align:left; text-indent:10px; font-size:22px; line-height:50px; color:#fff;}
.news_list ul li .tit{ display:block; font-size:16px; text-align:left; line-height:24px; margin:12px 10px 8px 10px;}
.news_list ul li span{ display:block; color:#666; text-align:left;line-height:24px; margin:0 10px;}
.news_list ul li:nth-child(1){ margin-left:0px;}
.news_list ul li:nth-child(3n){ margin-right:0px;}
.news_list ul li:nth-child(3n+1){ margin-left:0px;}
.news_list ul li:hover .tit{ color:#fff;}
.news_list ul li:hover{ background:#c32014; box-shadow:0px 12px 30px rgba(195,32,20,0.2);
	webkit-transition: all 0.4s linear -1ms;
	-moz-transition: all 0.4s linear -1ms;
	-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;
	transition: all 0.4s linear -1ms;}
.news_list ul li:hover span{ color:#fff;}
.news_list ul li:hover .img img{
	-moz-transition: all 0.4s linear -1ms;
	-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;
	transition: all 0.4s linear -1ms;

	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);}


.news_title{ font-size:22px; color:#333; font-weight:normal;}





.contact_main{ width:1920px;}
.contact_main .content{ width:1200px; margin:0 auto;}
.contact_main .info{ width:510px; background:#fff; margin-bottom:70px; float:right;}
.contact_main .info .content{ margin-left:40px;}
.contact_main .info .content h2{ font-size:34px; color:#c32014; font-weight:normal; margin-top:30px;}
.contact_main .info .content h3{ font-size:22px; color:#c32014; font-weight:normal; margin-top:20px; margin-bottom:20px;}
.contact_main .info .content p{ line-height:30px;}
.contact_main .messages{ width:550px; float:left;  margin-bottom:100px; background:#f6f6f6; padding:50px 50px 60px 50px;}
.contact_main .messages h3{ color:#c32014; font-size:30px; font-weight:normal; margin-bottom:6px;}
.contact_main .messages ul{ margin-top:20px;}
.contact_main .messages ul li{ width:100%; height:40px; margin-bottom:20px;}
.contact_main .messages ul li .input{ width:100%; height:40px; line-height:40px; border:none; background:none; padding:0; text-indent:15px; color:#666; border-bottom:2px solid #ddd; outline:none;}
.contact_main .messages ul .area{ height:150px;}
.contact_main .messages ul li .textarea{ width:520px; height:150px; line-height:30px; border:none; background:none; padding:0 15px 0 15px;border-bottom:2px solid #ddd; color:#666; font-size:14px; outline:none; resize:none;}
.contact_main .messages ul .submit{ margin-bottom:0px;}
.contact_main .messages ul .submit a{ display:block; height:40px; width:150px; line-height:40px; text-align:center; color:#fff; background:#c32014; box-shadow:0px 5px 20px rgba(210,47,35,0.4);}
.contact_main .messages ul .submit a:hover{ background:#d22f23; box-shadow:0px 5px 36px rgba(210,47,35,0.6);}

.contact_main .contact_map{ width:1200px; height:500px; margin-bottom:100px;}


.grid{    overflow: hidden;}
.about_main{ position:relative;}
.about_main .bg_01{ position:absolute; top:50px; right:-40px; width:320px; height:400px; background:url(../img/main_bg01.png) no-repeat; background-size:cover;}
.about_main .bg_02{ position:absolute; top:750px; left:-40px; width:320px; height:400px; background:url(../img/main_bg02.png) no-repeat; background-size:cover;}
.about_main .bg_03{ position:absolute; bottom:50px; right:-40px; width:320px; height:400px; background:url(../img/main_bg05.png) no-repeat; background-size:cover;}

.pro_main{ position:relative;}
.pro_main .bg_01{ position:absolute; top:50px; left:-40px; width:320px; height:400px; background:url(../img/main_bg03.png) no-repeat; background-size:cover;}
.pro_main .bg_02{ position:absolute; bottom:50px; right:-60px; width:380px; height:400px; background:url(../img/main_bg04.png) no-repeat; background-size:cover;}